<template>
  <div class="about">
    <div class="head">
        <div class="top">
                <div @click="$router.go(-1)">
                    <img src="../../assets/image/返回白@2x.png" alt="">
                    <span>返回</span>
                </div>
                <div>
                    <span>康复训练登记</span>
                </div>
                <div>
                    <div v-show="isDoc">
                    <span v-if="msg" @click="baocun">保存</span>
                    <span v-else @click="xiugai">修改</span>
                    </div>
                </div>
        </div>
    </div>
    <div class="main">
        <div class="main1">
        <div>
        <div class="choes">
            <van-field v-model="name" placeholder="请输入姓名" label="姓名" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="sa1 clear">
          <van-field v-model="sex"  label="性别" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span>出生日期</span>
            <div class="left">
                <strong>{{chusheng}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="chushengshow" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa($event)" @cancel="chushengshow=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span>民族</span>
            <div class="left">
                <strong>{{minzu}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="minzushow" round position="bottom" :style="{ height: '46%' }">
                 <van-picker show-toolbar :columns="columns" @cancel="minzushow =false" @confirm="onConfirm($event)"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="shenfen" placeholder="请输入身份证号" label="身份证号" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="dianhua" placeholder="请输入联系电话" label="联系电话" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="ss">
            <van-field v-model="adress" rows="2" autosize label="家庭地址" type="textarea" maxlength="50" placeholder="请输入地址" show-word-limit class="inp1" readonly/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="huzhuname" placeholder="请输入户主姓名" label="户主姓名" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="guanxi" placeholder="请输入与残疾人关系" label="关系" input-align="right" class="inp " readonly/>
        </div>
        <div class="xian"></div>
        </div>
         <div v-if="msg">
              <div class="sa1 clear">
            <span>肢体残疾类别</span>
            <van-checkbox-group v-model="canjileibie" direction="horizontal" class="aa" >
                <van-checkbox name="1" class="van">偏瘫</van-checkbox>
                <van-checkbox name="2" class="van">截瘫</van-checkbox>
                <van-checkbox name="3" class="van">脑瘫</van-checkbox>
                <van-checkbox name="4" class="van">截/缺肢</van-checkbox>
                <van-checkbox name="5" class="van">骨关节疾患</van-checkbox>
                <van-checkbox name="6" class="van">周围神经损伤</van-checkbox>
                <van-checkbox name="7" class="van">脊柱脊髓伤病</van-checkbox>
                <van-checkbox name="8" class="van">儿麻后遗症</van-checkbox>
                <van-checkbox name="9" class="van" @click="panduan()">其他</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="choes" v-if="zhitimsg">
            <van-field v-model="zhitiqita" placeholder="请输入其他" label="其他" input-align="right" class="inp" disabled/>
           </div>
           <div class="choes" v-else>
            <van-field v-model="zhitiqita" placeholder="请输入其他" label="其他" input-align="right" class="inp"/>
           </div>
        <div class="xian"></div>
         <div class="sa1 clear">
            <span>是否伴有其他残疾</span>
            <van-checkbox-group v-model="qitacanji" direction="horizontal" class="aa">
                <van-checkbox name="1" class="van">视力</van-checkbox>
                <van-checkbox name="2" class="van">智力</van-checkbox>
                <van-checkbox name="3" class="van">听力</van-checkbox>
                <van-checkbox name="4" class="van">言语</van-checkbox>
                <van-checkbox name="5" class="van">精神</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="xian"></div>
            <div class="choes">
            <span>致残时间</span>
            <div class="left">
                <strong>{{zhicansj}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="zhicansjshow" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa1($event)" @cancel="zhicansjshow=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
         <div class="sa1 clear">
            <span>致残原因</span>
            <van-checkbox-group v-model="zhicanyuanyin" direction="horizontal" class="aa" >
                <van-checkbox name="1" class="van">先天性或发育障碍</van-checkbox>
                <van-checkbox name="2" class="van">疾病</van-checkbox>
                <van-checkbox name="3" class="van">早产</van-checkbox>
                <van-checkbox name="4" class="van">产伤</van-checkbox>
                <van-checkbox name="5" class="van">窒息</van-checkbox>
                <van-checkbox name="6" class="van">感染</van-checkbox>
                <van-checkbox name="7" class="van">创伤或意外伤害</van-checkbox>
                <van-checkbox name="8" class="van">中毒</van-checkbox>
                <van-checkbox name="9" class="van">原因不明</van-checkbox>
                <van-checkbox name="10" class="van" @click="panduan1()">其他</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="choes" v-if="zhicanyuanyinmsg">
            <van-field v-model="zhicanyuanyinqita" placeholder="请输入其他" label="其他" input-align="right" class="inp" disabled/>
           </div>
           <div class="choes" v-else>
            <van-field v-model="zhicanyuanyinqita" placeholder="请输入其他" label="其他" input-align="right" class="inp"/>
           </div>
        <div class="xian"></div>
        <div class="sa1 clear">
            <span>既往医疗,康复情况</span>
            <van-checkbox-group v-model="jiwang" direction="horizontal" class="aa" x>
                <van-checkbox name="1" class="van">手术</van-checkbox>
                <van-checkbox name="2" class="van">康复训练</van-checkbox>
                <van-checkbox name="3" class="van">理疗</van-checkbox>
                <van-checkbox name="4" class="van">药物治疗</van-checkbox>
                <van-checkbox name="5" class="van">使用假肢,矫形器及辅助器具</van-checkbox>
                <van-checkbox name="6" class="van">传统方法</van-checkbox>
                <van-checkbox name="7" class="van" @click="panduan2()">其他</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="choes" v-if="jiwangmsg">
            <van-field v-model="jiwangqita" placeholder="请输入其他" label="其他" input-align="right" class="inp" disabled/>
           </div>
           <div class="choes" v-else>
            <van-field v-model="jiwangqita" placeholder="请输入其他" label="其他" input-align="right" class="inp"/>
           </div>
        <div class="xian"></div>
        <div class="ss">
          <van-field v-model="qingk" rows="2"  autosize  type="textarea" maxlength="50" placeholder="无" show-word-limit class="inp1">
            <template #label><span>需要说明<br>的情况</span></template>
          </van-field>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="kangfy" placeholder="请输入姓名" label="康复员签名" input-align="right" class="inp"/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span>输入时间</span>
            <div class="left" @click="shurshow=true">
                <strong>{{shur}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="shurshow" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa2($event)" @cancel="shurshow=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
           <p style="height: 44px;color: red;font-size: 13px;display: flex;align-items: center;margin: 0px 5px;font-weight: 500 !important;"> * 内容为必填项</p >
         </div>
         <div v-else>
              <div class="sa1 clear">
            <span>肢体残疾类别</span>
            <van-checkbox-group v-model="canjileibie" direction="horizontal" class="aa"  disabled v-if="msg1">
                <van-checkbox name="1" class="van">偏瘫</van-checkbox>
                <van-checkbox name="2" class="van">截瘫</van-checkbox>
                <van-checkbox name="3" class="van">脑瘫</van-checkbox>
                <van-checkbox name="4" class="van">截/缺肢</van-checkbox>
                <van-checkbox name="5" class="van">骨关节疾患</van-checkbox>
                <van-checkbox name="6" class="van">周围神经损伤</van-checkbox>
                <van-checkbox name="7" class="van">脊柱脊髓伤病</van-checkbox>
                <van-checkbox name="8" class="van">儿麻后遗症</van-checkbox>
                <van-checkbox name="9" class="van" @click="panduan()">其他</van-checkbox>
            </van-checkbox-group>
            <van-checkbox-group v-model="canjileibie" direction="horizontal" class="aa"  disabled v-else>
                <van-checkbox name="1" class="van">偏瘫</van-checkbox>
                <van-checkbox name="2" class="van">截瘫</van-checkbox>
                <van-checkbox name="3" class="van">脑瘫</van-checkbox>
                <van-checkbox name="4" class="van">截/缺肢</van-checkbox>
                <van-checkbox name="5" class="van">骨关节疾患</van-checkbox>
                <van-checkbox name="6" class="van">周围神经损伤</van-checkbox>
                <van-checkbox name="7" class="van">脊柱脊髓伤病</van-checkbox>
                <van-checkbox name="8" class="van">儿麻后遗症</van-checkbox>
                <van-checkbox name="9" class="van">其他</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="choes" v-if="zhitimsg">
            <van-field v-model="zhitiqita" placeholder="请输入其他" label="其他" input-align="right" class="inp" disabled/>
           </div>
           <div class="choes" v-else>
            <van-field v-model="zhitiqita" placeholder="请输入其他" label="其他" input-align="right" class="inp"/>
           </div>
        <div class="xian"></div>
         <div class="sa1 clear">
            <span>是否伴有其他残疾</span>
            <van-checkbox-group v-model="qitacanji" direction="horizontal" class="aa"  disabled>
                <van-checkbox name="1" class="van">视力</van-checkbox>
                <van-checkbox name="2" class="van">智力</van-checkbox>
                <van-checkbox name="3" class="van">听力</van-checkbox>
                <van-checkbox name="4" class="van">言语</van-checkbox>
                <van-checkbox name="5" class="van">精神</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="xian"></div>
            <div class="choes">
            <span>致残时间</span>
            <div class="left" >
                <strong>{{zhicansj}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="zhicansjshow" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa1($event)" @cancel="zhicansjshow=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
         <div class="sa1 clear">
            <span>致残原因</span>
            <van-checkbox-group v-model="zhicanyuanyin" direction="horizontal" class="aa"  disabled v-if="msg1">
                <van-checkbox name="1" class="van">先天性或发育障碍</van-checkbox>
                <van-checkbox name="2" class="van">疾病</van-checkbox>
                <van-checkbox name="3" class="van">早产</van-checkbox>
                <van-checkbox name="4" class="van">产伤</van-checkbox>
                <van-checkbox name="5" class="van">窒息</van-checkbox>
                <van-checkbox name="6" class="van">感染</van-checkbox>
                <van-checkbox name="7" class="van">创伤或意外伤害</van-checkbox>
                <van-checkbox name="8" class="van">中毒</van-checkbox>
                <van-checkbox name="9" class="van">原因不明</van-checkbox>
                <van-checkbox name="10" class="van" @click="panduan1()">其他</van-checkbox>
            </van-checkbox-group>
            <van-checkbox-group v-model="zhicanyuanyin" direction="horizontal" class="aa"  disabled v-else>
                <van-checkbox name="1" class="van">先天性或发育障碍</van-checkbox>
                <van-checkbox name="2" class="van">疾病</van-checkbox>
                <van-checkbox name="3" class="van">早产</van-checkbox>
                <van-checkbox name="4" class="van">产伤</van-checkbox>
                <van-checkbox name="5" class="van">窒息</van-checkbox>
                <van-checkbox name="6" class="van">感染</van-checkbox>
                <van-checkbox name="7" class="van">创伤或意外伤害</van-checkbox>
                <van-checkbox name="8" class="van">中毒</van-checkbox>
                <van-checkbox name="9" class="van">原因不明</van-checkbox>
                <van-checkbox name="10" class="van">其他</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="choes" v-if="zhicanyuanyinmsg">
            <van-field v-model="zhicanyuanyinqita" placeholder="请输入其他" label="其他" input-align="right" class="inp" disabled/>
           </div>
           <div class="choes" v-else>
            <van-field v-model="zhicanyuanyinqita" placeholder="请输入其他" label="其他" input-align="right" class="inp"/>
           </div>
        <div class="xian"></div>
        <div class="sa1 clear">
            <span>既往医疗,康复情况</span>
            <van-checkbox-group v-model="jiwang" direction="horizontal" class="aa" disabled v-if="msg1">
                <van-checkbox name="1" class="van">手术</van-checkbox>
                <van-checkbox name="2" class="van">康复训练</van-checkbox>
                <van-checkbox name="3" class="van">理疗</van-checkbox>
                <van-checkbox name="4" class="van">药物治疗</van-checkbox>
                <van-checkbox name="5" class="van">使用假肢,矫形器及辅助器具</van-checkbox>
                <van-checkbox name="6" class="van">传统方法</van-checkbox>
                <van-checkbox name="7" class="van" @click="panduan2()">其他</van-checkbox>
            </van-checkbox-group>
            <van-checkbox-group v-model="jiwang" direction="horizontal" class="aa" disabled v-else>
                <van-checkbox name="1" class="van">手术</van-checkbox>
                <van-checkbox name="2" class="van">康复训练</van-checkbox>
                <van-checkbox name="3" class="van">理疗</van-checkbox>
                <van-checkbox name="4" class="van">药物治疗</van-checkbox>
                <van-checkbox name="5" class="van">使用假肢,矫形器及辅助器具</van-checkbox>
                <van-checkbox name="6" class="van">传统方法</van-checkbox>
                <van-checkbox name="7" class="van" >其他</van-checkbox>
            </van-checkbox-group>
            </div>
            <div class="choes" v-if="jiwangmsg">
            <van-field v-model="jiwangqita" placeholder="请输入其他" label="其他" input-align="right" class="inp" disabled/>
           </div>
           <div class="choes" v-else>
            <van-field v-model="jiwangqita" placeholder="请输入其他" label="其他" input-align="right" class="inp"/>
           </div>
        <div class="xian"></div>
        <div class="ss">
            <van-field v-model="qingk" rows="2" autosize label="需要说明的情况" type="textarea" maxlength="50" placeholder="无" show-word-limit class="inp1" disabled/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="kangfy" placeholder="请输入姓名" label="康复员签名" input-align="right" class="inp" disabled/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span>输入时间</span>
            <div class="left">
                <strong>{{shur}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="shurshow" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa2($event)" @cancel="shurshow=false"/>
            </van-popup>
        </div>
           <div class="xian"></div>

        </div>

    </div>
  </div>
  </div>
</template>
<script>

import {finddisxunlian, savedisxunlian} from '../../apiCanJi/apiCanji'

export default {
  data () {
    return {
      name: '',
      sex: '',
      chusheng: '选择时间',
      minzu: '汉族',
      shenfen: '',
      dianhua: '',
      chushengshow: false,
      minzushow: false,
      minDate: new Date(1000, 0, 1),
      maxDate: new Date(),
      currentDate: new Date(),
      columns: ['汉族', '蒙古族', '回族', '藏族', '维吾尔族', '苗族', '彝族', '壮族', '布依族', '朝鲜族', '满族', '侗族', '瑶族', '白族', '土家族', '哈尼族', '哈萨克族', '傣族', '黎族', '傈僳族', '佤族', '畲族', '高山族', '拉祜族', '水族', '东乡族', '纳西族', '景颇族', '柯尔克孜族', '土族', '达斡尔族', '仫佬族', '羌族', '布朗族', '撒拉族', '毛南族', '仡佬族', '锡伯族', '阿昌族', '普米族', '塔吉克族', '怒族', '乌孜别克族', '俄罗斯族', '鄂温克族', '德昂族', '保安族', '裕固族', '京族', '塔塔尔族', '独龙族', '鄂伦春族', '赫哲族', '门巴族', '珞巴族', '基诺族'],
      adress: '',
      huzhuname: '',
      guanxi: '',
      canjileibie: [],
      zhitiqita: '',
      zhitimsg: true,
      qitacanji: [],
      zhicansj: '选择时间',
      zhicansjshow: false,
      zhicanyuanyin: [],
      zhicanyuanyinmsg: true,
      zhicanyuanyinqita: '',
      jiwang: [],
      jiwangmsg: true,
      jiwangqita: '',
      qingk: '',
      kangfy: '',
      shur: '选择时间',
      shurshow: false,
      msg: true,
      id: '',
      msg1: true,
      isDoc: false

    }
  },
  watch: {
    res (a) {
      // eslint-disable-next-line no-unused-vars
      var odd = document.getElementsByClassName('aa')
      // if(a>-1){
      //        odd[0].children[a].classList.add('bb')
      //    }
      console.log(111)
    }
  },
  methods: {
    formatDate (date) {
      // eslint-disable-next-line no-redeclare
      var date = new Date(date)
      var YY = date.getFullYear() + '-'
      var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
      var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate())
      return YY + MM + DD
    },
    onConfirm (e) {
      this.minzushow = false
      this.minzu = e
    },
    chaa (e) {
      this.chushengshow = false
      this.chusheng = this.formatDate(this.currentDate)
    },
    chaa1 (e) {
      this.zhicansjshow = false
      this.zhicansj = this.formatDate(this.currentDate)
    },
    chaa2 (e) {
      this.shurshow = false
      this.shur = this.formatDate(this.currentDate)
    },
    //   chaa3(e){
    //       this.show4=false
    //       this.main4=this.formatDate(this.currentDate)
    //   },
    panduan () {
      console.log(this.canjileibie.indexOf('9'))
      if (this.canjileibie.indexOf('9') > -1) {
        this.zhitimsg = false
        // eslint-disable-next-line eqeqeq
      } else if (this.canjileibie.indexOf('9') == -1) {
        this.zhitimsg = true
        this.zhitiqita = ''
      }
    },
    panduan1 () {
      console.log(this.zhicanyuanyin.indexOf('10'))
      if (this.zhicanyuanyin.indexOf('10') > -1) {
        this.zhicanyuanyinmsg = false
      } else {
        this.zhicanyuanyinmsg = true
        this.zhicanyuanyinqita = ''
      }
    },
    panduan2 () {
      console.log(this.jiwang.indexOf('7'))

      if (this.jiwang.indexOf('7') > -1) {
        this.jiwangmsg = false
        // eslint-disable-next-line eqeqeq
      } else if (this.jiwang.indexOf('7') == -1) {
        this.jiwangmsg = true
        this.jiwangqita = ''
      }
    },
    aa () {
      this.msg1 = false
      var id = JSON.parse(localStorage.disid).id
      finddisxunlian({
        disid: id
      }).then(res => {
        console.log(res)
        this.name = res.name
        if (res.sex === 1) {
          this.sex = '男'
        } else {
          this.sex = '女'
        }
        this.chusheng = res.chushengriqi
        this.minzu = res.minzu
        this.shenfen = res.idcard
        this.dianhua = res.phone
        this.adress = res.homeaddress
        this.huzhuname = res.huzhuname
        this.guanxi = res.yudisguanxi
        this.zhicansj = res.canjitime
        // eslint-disable-next-line eqeqeq
        if (res.id == undefined) {
          this.msg = true
          this.id = ''
        } else {
          this.msg = false
          this.id = res.id
          this.zhitimsg = true
          this.zhicanyuanyinmsg = true
          this.jiwangmsg = true
          this.shur = res.riqi
          this.kangfy = res.kangfurenyuanname
          this.qingk = res.xuyaoshuomingqingkuang
          this.canjileibie = res.zhiticanjijibie.map(String)
          this.qitacanji = res.shifoubanyouqitacanji.map(String)
          this.zhicanyuanyin = res.zhicanyuanyin.map(String)
          this.jiwang = res.yiliaokangfuqingkuang.map(String)
          this.jiwangqita = res.yiliaokangfuqingkuang_7other
          this.zhicanyuanyinqita = res.zhicanyuanyin_10other
          this.zhitiqita = res.zhiticanjijibie_9other
        }
      })
    },
    xiugai () {
      console.log(this.jiwang.indexOf('7'))
      this.msg = true
      this.msg1 = true
      if (this.canjileibie.indexOf('9') > -1) {
        this.zhitimsg = false
      }
      if (this.zhicanyuanyin.indexOf('10') > -1) {
        this.zhicanyuanyinmsg = false
      }
      if (this.jiwang.indexOf('7') > -1) {
        this.jiwangmsg = false
      }
    },
    baocun () {
      this.msg1 = false
      console.log(this.zhitiqita)
      if (this.chusheng === '选择时间') {
        this.chusheng = ''
      }
      if (this.zhicansj === '选择时间') {
        this.zhicansj = ''
      }
      if (this.shur === '选择时间') {
        this.shur = ''
      }
      var disid = JSON.parse(localStorage.disid).id
      var userid = JSON.parse(localStorage.userid).id
      savedisxunlian({
        id: this.id,
        disid: disid,
        userid: userid,
        zhiticanjijibieids: this.canjileibie.toString(),
        kangfurenyuanname: this.kangfy,
        riqi: this.shur,
        //    canjitime:this.zhicansj,
        shifoubanyouqitacanjiids: this.qitacanji.toString(),
        zhicanyuanyinids: this.zhicanyuanyin.toString(),
        yiliaokangfuqingkuangids: this.jiwang.toString(),
        xuyaoshuomingqingkuang: this.qingk,
        yiliaokangfuqingkuang_7other: this.jiwangqita,
        zhicanyuanyin_10other: this.zhicanyuanyinqita,
        zhiticanjijibie_9other: this.zhitiqita

      }).then(res => {
        console.log(res)
        this.$router.go(-1)
      })
      console.log(this.canjileibie)
      console.log(this.qitacanji)
      console.log(this.zhicanyuanyin)
    }
  },
  mounted () {
    document.body.style.backgroundColor = '#FAF9FE'
    this.aa()
    var role = sessionStorage.role
    if (role === 1) {
      this.isDoc = false
    } else if (role > 1) {
      this.isDoc = true
    } else {
      this.isDoc = false
    }
  },
  created () {
    document.title = '康复训练登记'
  }
}
</script>
<style scoped>
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
  zoom: 1;
}
.about{
    position: relative;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #646566;
}
.head{
    width: 100%;
    background: linear-gradient(90deg, #1DA3F1 0%, #1DC7F1 100%);
    position: fixed;
    top: 0px;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #fff;
    z-index: 5;
}
.ssaa{
    text-align: center;
}
.top{
    width: 92%;
    height: 44px;
    margin: 0px auto;
    display: flex;
     justify-content:space-between;
     align-items:center;
}
.top div{
  display: flex;
  align-items: center;
}
.top img{
    width: 7px;
    height: 13px;
    margin-right: 5px;
    /*margin-top: 5px;*/
}
.main{
    margin-top: 44px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 100px;
}
.main1{
    width: 92%;
    margin: 0px auto;
}
.inp{
    padding: 0px;
    height: 44px;
    line-height: 44px;
}
.inp1{
    padding: 0px;
    padding-top: 10px;

}
.xian{
    width: 100%;
    border-top: 0.5px solid #000;
    transform:scaleY(0.25);
}
.choes{
    height: 44px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 44px;
    background-color: #fff;
}
.choes span{
    /* width: 70px; */
    margin-right: 5px;
    float: left;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}
.choes strong{
    display:block;
    /* width: 86px; */
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    color: #333;
    font-weight: normal;
}
.left{
   float: right;
}
.left span{
    margin-right: 12.2px;
    color: #999;
}
.left img{
    width: 13px;
    height: 7px;
    float: right;
    margin-top: 20px;
}
.left1 img{
    width: 13px;
    height: 7px;
    float: right;
}
/deep/ .van-field__label{
    font-size: 15px;
    color: #333;
    font-weight: 500;
}
/deep/ .van-field__control{
  font-weight:500 !important;
}
.sa1 span{
    width: 70px;
    float: left;
    margin-top: 10px;
}
.aa{
    float: left;
    margin-top: 10px;
    display: flex;
  flex-wrap:wrap;
  width: 254px;
}
.van{
    margin-right: 40px;
    margin-bottom: 10px;
    color: #999;
    font-weight: 500;
}
>>> .van-radio__icon--disabled.van-radio__icon--checked .van-icon{
background-color: #1989fa;
    border-color: #1989fa;
    color: #fff;
}
/deep/ .van-checkbox__icon--checked .van-icon{
    background-color: #1989fa;
    border-color: #1989fa;
    color: #fff;
}
/deep/ .bb .van-radio__icon--disabled .van-icon{
    background-color: #1989fa;
    border-color: #1989fa;
    color: #fff;
}

</style>
